<template>
	<div>
		<div class="graybg"></div>
		<!--头部-->
		<header id="header">
			<div class="header header_bg clearfix">
				<div class="header_left pull-left">
					<i class="iconfont baiColor" onclick="javascript:history.back(-1)">&#xe612;</i>
				</div>
				<div class="header_center baiColor">货款钱包</div>
				<router-link to="/wdetail">
				<div class="header_right baiColor"><i>明细</i></div>
				</router-link>
			</div>
		</header>
		<div class="main">
			<div class="money header_bg _width">
				<h3 v-text="money"></h3>
				<p>收益</p>
			</div>
		</div>
		<div class="list marginAuto">
			<router-link to="/wwithdraw">
			<div class="item marginAuto clearfix">
				<span class="iconfont pull-left">&#xe61b;</span>
				<em class="pull-left">提现</em>
				<i class="iconfont pull-right">&#xe615;</i>
			</div>
			</router-link>
		</div>
	</div>
	
</template>

<script>
	export default{
		data(){
			return{
				money:"00.00",
			}
		},
		mounted(){
			let _this = this;
			var arr = ['u_money'];
			var info = window.localStorage.data;
			var params = new URLSearchParams();
			params.append('token', info);	//客户秘钥（信息）
			params.append('arr',arr);
			this.$axios({
			   url:"Home/Config/getUserField",
				method:"post",
				data:params
			  }).then(function(res){
			  	_this.money = res.data.data.u_money;
			}).catch(function(err){
				console.log(err)		
			})
			
		}
	}
</script>

<style scoped="scoped">
	@import "../css/public.css";
	.header .header_left i{
		font-size: 20px;
	}
	.header .header_right{
		font-size: 14px;
	}
	.main{
		padding-top: 40px;
	}
	.money{
		height:130px;
	}
	.money h3{
		padding-top: 40px;
		text-align: center;
		color:#fff;
		font-size: 30px;
	}
	.money p{
		text-align: center;
		color:#fff;
		font-size: 16px;
		line-height: 30px;
	}
	.list{
		width: 95%;
		background: #fff;
	}
	
	.item{
		width: 95%;
		height: 42px;
		line-height: 40px;
	}
	.item span{
		font-size: 20px;
		color:#FCB616;
		margin-right: 10px;
	}
	.item em{
		font-size: 16px;
		color: #333333;
	}
	.item i{
		font-size: 20px;
		color: #333333;
	}
</style>